I am working on a datetime picker input in Angular using the input type: "datetime-local". It works well and the input looks like that:

I have already set the minimum attribute to the now date and a default value according to my database.

Here you can see the default date value as: "21/12/2021 10:45". But opening the input the "selected" value is the minimum date as: "29/12/2021 10:45".

My question is: How can I highlight the current value and not the minimum?

My HTML input:

<input matInput formControlName="datetime" [min]="getNowDate()" type="datetime-local" [placeholder]="_input.short_gui_name | titlecase">